<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich">
    
    <f:facet name="header">
        <rich:toolbar height="26" itemSeparator="grid">
            <rich:toolbarGroup>
                <a4j:commandLink id="newSaleLink" oncomplete="#{rich:component('editPanel')}.show()" reRender="saleDetail">
                    <h:graphicImage value="/images/icons/create_doc.gif" styleClass="pic"  style="border:0" />
                    <rich:tooltip id="tt_create_sale" styleClass="tooltip" layout="block">
                        <span style="white-space: nowrap"> create 
                            <strong>new Sale</strong></span>
                    </rich:tooltip>
                </a4j:commandLink>
                <a4j:commandLink id="newCategoryLink" oncomplete="#{rich:component('editCategoryPanel')}.show()" reRender="categoryDetail">
                    <h:graphicImage value="/images/icons/create_folder.gif" styleClass="pic" style="border: 0"/>
                    <rich:tooltip id="tt_create_category" styleClass="tooltip" layout="block">
                        <span style="white-space: nowrap"> create 
                            <strong>new category</strong></span>
                    </rich:tooltip>
                </a4j:commandLink>

                <h:graphicImage value="/images/icons/copy.gif" styleClass="pic" />
            </rich:toolbarGroup>
            <rich:toolbarGroup>
                <h:graphicImage value="/images/icons/save.gif" styleClass="pic" />
                <h:graphicImage value="/images/icons/save_as.gif" styleClass="pic" />
                <h:graphicImage value="/images/icons/save_all.gif" styleClass="pic" />
            </rich:toolbarGroup>
<!--            <rich:toolbarGroup location="right">
                <h:panelGroup>
                    <h:outputText value="Search by name" />
                    <h:inputText  styleClass="barsearch" value="#{productFilterBean.nameFilter}">
                        <a4j:ajax event="blur" render="productsTable" execute="@this" />
                    </h:inputText>
                </h:panelGroup>
                                            <h:commandButton styleClass="barsearchbutton" onclick="return false;" value="Search" />
            </rich:toolbarGroup>-->
        </rich:toolbar>
    </f:facet>
</ui:composition>